<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>自己定义的网页</title>
</head>
<body>
<div class="container">
    <ul>
        <li class="li1"><a href="https://www.baidu.com/1">a1</a></li>
        <li class="li2"><a href="https://www.baidu.com/2">a2</a></li>
        <li class="li3"><a href="https://www.baidu.com/3">a3</a></li>
        <li class="li4"><a href="https://www.baidu.com/4">a4</a></li>
        <li class="li5"><a href="https://www.baidu.com/5">a5</a></li>
        <li class="li6"><a href="https://www.baidu.com/6">a6</a></li>
        <li class="li7"><a href="https://www.baidu.com/7">a7</a></li>
        <li class="li8"><a href="https://www.baidu.com/8">a8</a></li>
        <li class="li9"><a href="https://www.baidu.com/9">a8</a></li>
        <li class="li10"><a href="https://www.baidu.com/10">a10</a></li>
    </ul>
</div>
<div class="footer">
    <p>欢迎来到底部</p>
    <h1>                        我是底部栏</h1>
</div>
</body>
</html>